﻿<h1>
    D3js</h1>
<p>
    <a href="http://mbostock.github.com/d3/">http://mbostock.github.com/d3/</a></p>
<p>
    D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then
    apply data-driven transformations to the document. As a trivial example, you can
    use D3 to generate a basic HTML table from an array of numbers. Or, use the same
    data to create an interactive SVG bar chart with smooth transitions and interaction.
    D3 is not a traditional visualization framework. Rather than provide a monolithic
    system with all the features anyone may ever need, D3 solves only the crux of the
    problem: efficient manipulation of documents based on data. This gives D3 extraordinary
    flexibility, exposing the full capabilities of underlying technologies such as CSS3,
    HTML5 and SVG. It avoids learning a new intermediate proprietary representation.
    With minimal overhead, D3 is extremely fast, supporting large datasets and dynamic
    behaviors for interaction and animation. And, for those common needs, D3’s functional
    style allows code reuse through a diverse collection of optional modules.</p>
<h2>
    Examples</h2>
<div id="examples">
    <ul>
        <li><a href="/Content/D3js/examples/albers/albers.html">Albers Projection</a></li><li>
            <a href="/Content/D3js/examples/area/area-radial.html">Area Chart (Radial)</a></li><li>
                <a href="/Content/D3js/examples/area/area.html">Area Chart</a></li><li><a href="/Content/D3js/examples/azimuthal/azimuthal.html">
                    Polar Stereographic Projection</a></li><li><a href="/Content/D3js/examples/bar/bar.html">
                        Bar Chart</a></li><li><a href="/Content/D3js/examples/box/box.html">Box Plot Charts</a></li><li>
                            <a href="/Content/D3js/examples/bubble/bubble.html">Bubble Chart</a></li><li><a href="/Content/D3js/examples/bullet/bullet.html">
                                Bullet Charts</a></li><li><a href="/Content/D3js/examples/bundle/bundle-radial.html">
                                    Hierarchical Edge Bundling (Radial Tree)</a></li><li><a href="/Content/D3js/examples/bundle/bundle-treemap.html">
                                        Hierarchical Edge Bundling (Treemap)</a></li><li><a href="/Content/D3js/examples/calendar/dji.html">
                                            DJI</a></li><li><a href="/Content/D3js/examples/calendar/vix.html">VIX</a></li><li><a
                                                href="/Content/D3js/examples/cartogram/cartogram.html">Non-Contiguous Cartogram</a></li><li>
                                                    <a href="/Content/D3js/examples/cartogram/demers.html">Demers Cartogram</a></li><li>
                                                        <a href="/Content/D3js/examples/cartogram/dorling.html">Dorling Cartogram</a></li><li>
                                                            <a href="/Content/D3js/examples/chord/chord-flare.html">Chord Diagram</a></li><li><a
                                                                href="/Content/D3js/examples/chord/chord.html">Chord Diagram</a></li><li><a href="/Content/D3js/examples/choropleth/choropleth.html">
                                                                    U.S. Unemployment by County</a></li><li><a href="/Content/D3js/examples/clock/clock.html">
                                                                        Polar Clock</a></li><li><a href="/Content/D3js/examples/cluster/cluster-radial.html">
                                                                            Flare Dendogram</a></li><li><a href="/Content/D3js/examples/cluster/cluster.html">Flare
                                                                                Dendogram</a></li><li><a href="/Content/D3js/examples/contour/contour.html">Contour</a></li><li>
                                                                                    <a href="/Content/D3js/examples/crimea/crimea-stacked-area.html">Crimean War</a></li><li>
                                                                                        <a href="/Content/D3js/examples/crimea/crimea-stacked-bar.html">Crimean War</a></li><li>
                                                                                            <a href="/Content/D3js/examples/delaunay/delaunay.html">Delaunay Triangulation</a></li><li>
                                                                                                <a href="/Content/D3js/examples/donut/donut.html">Donut Chart</a></li><li><a href="/Content/D3js/examples/dot/dot.html">
                                                                                                    Dot Plot</a></li><li><a href="/Content/D3js/examples/force/force-bounds.html">Force-Directed
                                                                                                        Layout</a></li><li><a href="/Content/D3js/examples/force/force-cluster.html">Clustered
                                                                                                            Network</a></li><li><a href="/Content/D3js/examples/force/force-dynamic.html">Force-Directed
                                                                                                                Layout (Dynamic)</a></li><li><a href="/Content/D3js/examples/force/force-interactive.html">
                                                                                                                    Force-Directed Graph</a></li><li><a href="/Content/D3js/examples/force/force-map.html">
                                                                                                                        Force-Directed Map</a></li><li><a href="/Content/D3js/examples/force/force-multi-foci.html">
                                                                                                                            Force-Directed Layout (Multiple Foci)</a></li><li><a href="/Content/D3js/examples/force/force.html">
                                                                                                                                Force-Directed Layout</a></li><li><a href="/Content/D3js/examples/hello-world/hello-data-key.html">
                                                                                                                                    Hello, data!</a></li><li><a href="/Content/D3js/examples/hello-world/hello-data-nested-key.html">
                                                                                                                                        Hello, data!</a></li><li><a href="/Content/D3js/examples/hello-world/hello-data-nested.html">
                                                                                                                                            Hello, data!</a></li><li><a href="/Content/D3js/examples/hello-world/hello-data.html">
                                                                                                                                                Hello, data!</a></li><li><a href="/Content/D3js/examples/hello-world/hello-event.html">
                                                                                                                                                    Hello, world!</a></li><li><a href="/Content/D3js/examples/hello-world/hello-node-key.html">
                                                                                                                                                        Hello, node!</a></li><li><a href="/Content/D3js/examples/hello-world/hello-sort.html">
                                                                                                                                                            Hello, sort!</a></li><li><a href="/Content/D3js/examples/hello-world/hello-transform.html">
                                                                                                                                                                Hello, world!</a></li><li><a href="/Content/D3js/examples/hello-world/hello-transition-undefined.html">
                                                                                                                                                                    Hello, transition undefined!</a></li><li><a href="/Content/D3js/examples/hello-world/hello-transition.html">
                                                                                                                                                                        Hello, transition!</a></li><li><a href="/Content/D3js/examples/hello-world/hello-webkit-transition.html">
                                                                                                                                                                            Hello, data!</a></li><li><a href="/Content/D3js/examples/hello-world/select-enter-add.html">
                                                                                                                                                                                Test - select > enter > append</a></li><li><a href="/Content/D3js/examples/hello-world/selectAll-enter-add.html">
                                                                                                                                                                                    Test - selectAll > enter > append</a></li><li><a href="/Content/D3js/examples/histogram/histogram.html">
                                                                                                                                                                                        Histogram</a></li><li><a href="/Content/D3js/examples/horizon/horizon.html">Horizon
                                                                                                                                                                                            Chart</a></li><li><a href="/Content/D3js/examples/hull/hull.html">Convex Hull</a></li><li>
                                                                                                                                                                                                <a href="/Content/D3js/examples/kde/kde.html">Kernel Density Estimation</a></li><li>
                                                                                                                                                                                                    <a href="/Content/D3js/examples/line/line.html">Line Chart</a></li><li><a href="/Content/D3js/examples/marimekko/marimekko.html">
                                                                                                                                                                                                        Marimekko Chart</a></li><li><a href="/Content/D3js/examples/marker/marker.html">Mobile
                                                                                                                                                                                                            Patent Suits</a></li><li><a href="/Content/D3js/examples/mercator/mercator.html">Mercator
                                                                                                                                                                                                                Projection</a></li><li><a href="/Content/D3js/examples/moire/moire.html">Moiré Patterns</a></li><li>
                                                                                                                                                                                                                    <a href="/Content/D3js/examples/pack/pack.html">Circle Packing</a></li><li><a href="/Content/D3js/examples/partition/partition-icicle-zoom.html">
                                                                                                                                                                                                                        Partition - Icicle</a></li><li><a href="/Content/D3js/examples/partition/partition-icicle.html">
                                                                                                                                                                                                                            Partition - Icicle</a></li><li><a href="/Content/D3js/examples/partition/partition-sunburst-zoom.html">
                                                                                                                                                                                                                                Partition - Sunburst</a></li><li><a href="/Content/D3js/examples/partition/partition-sunburst.html">
                                                                                                                                                                                                                                    Partition - Sunburst</a></li><li><a href="/Content/D3js/examples/pie/pie-transition.html">
                                                                                                                                                                                                                                        Pie Chart</a></li><li><a href="/Content/D3js/examples/pie/pie.html">Pie Chart</a></li><li>
                                                                                                                                                                                                                                            <a href="/Content/D3js/examples/population/population.html">U.S. Population</a></li><li>
                                                                                                                                                                                                                                                <a href="/Content/D3js/examples/qq/qq.html">Q-Q Plots</a></li><li><a href="/Content/D3js/examples/quadtree/quadtree.html">
                                                                                                                                                                                                                                                    Quadtree</a></li><li><a href="/Content/D3js/examples/sizzle/sizzle.html">Sizzle</a></li><li>
                                                                                                                                                                                                                                                        <a href="/Content/D3js/examples/sort/sort.html">Merge Sort</a></li><li><a href="/Content/D3js/examples/spline/spline.html">
                                                                                                                                                                                                                                                            Spline Editor</a></li><li><a href="/Content/D3js/examples/splom/splom.html">Scatterplot
                                                                                                                                                                                                                                                                Matrix</a></li><li><a href="/Content/D3js/examples/stream/stack.html">Stacked Bar Chart</a></li><li>
                                                                                                                                                                                                                                                                    <a href="/Content/D3js/examples/stream/stream.html">Streamgraph</a></li><li><a href="/Content/D3js/examples/superformula/dot.html">
                                                                                                                                                                                                                                                                        Dot Plot</a></li><li><a href="/Content/D3js/examples/superformula/explorer.html">Superformula</a></li><li>
                                                                                                                                                                                                                                                                            <a href="/Content/D3js/examples/superformula/superformula.html">Superformula</a></li><li>
                                                                                                                                                                                                                                                                                <a href="/Content/D3js/examples/symbol-map/symbol-map.html">U.S. States</a></li><li>
                                                                                                                                                                                                                                                                                    <a href="/Content/D3js/examples/tree/tree-dynamic.html">Node-Link Tree</a></li><li><a
                                                                                                                                                                                                                                                                                        href="/Content/D3js/examples/tree/tree-interactive.html">Node-Link Tree</a></li><li>
                                                                                                                                                                                                                                                                                            <a href="/Content/D3js/examples/tree/tree-radial.html">Node-Link Tree (Radial)</a></li><li>
                                                                                                                                                                                                                                                                                                <a href="/Content/D3js/examples/tree/tree.html">Node-Link Tree</a></li><li><a href="/Content/D3js/examples/treemap/treemap.html">
                                                                                                                                                                                                                                                                                                    Treemap</a></li><li><a href="/Content/D3js/examples/voroboids/voroboids.html">Voroboids</a></li><li>
                                                                                                                                                                                                                                                                                                        <a href="/Content/D3js/examples/voronoi/voronoi.html">Voronoi Tesselation</a></li><li>
                                                                                                                                                                                                                                                                                                            <a href="/Content/D3js/examples/zoom/zoom.html">Zoom</a></li><li><a href="/Content/D3js/examples/zoom-pan/zoom-pan-transform.html">
                                                                                                                                                                                                                                                                                                                Zoom + Pan</a></li><li><a href="/Content/D3js/examples/zoom-pan/zoom-pan.html">Zoom
                                                                                                                                                                                                                                                                                                                    + Pan</a></li>
    </ul>
</div>
